<script setup lang="ts">
//软件状态图标
import SvgIcon from "@/components/icon/SvgIcon.vue";
import { ColorSetting, IconData } from "@/store/tool";

defineProps<{ dataState: string | undefined }>();
</script>
<template>
  <div v-if="dataState == 'gnu'">
    <SvgIcon
      class="w-5 h-5 bg-BgIcon dark:bg-darkBgIcon rounded-full"
      :name="IconData.gnu"
      :color="ColorSetting.white"
      title="开源"
      alt="开源"
    />
  </div>
  <div v-else="dataState === 'free'">
    <SvgIcon
      class="w-5 h-5 bg-BgIcon dark:bg-darkBgIcon rounded-full"
      :name="IconData.free"
      :color="ColorSetting.white"
      title="免费"
      alt="免费"
    />
  </div>
</template>
